﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="Handler.ashx?ID=<%=this.MaDe %>"></script>
    <script src="Scripts/tracnghiem.js"></script>
    <script type="text/javascript">
        var MaDe = <%=this.MaDe %>;
        var code = <%=this.code %>;
    </script>
    <script src="Scripts/support.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:HiddenField ID="timeExpired" runat="server" ClientIDMode="Static" />
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 style="margin-top: 10px;">
                    <asp:Label ID="lblDeThi" runat="server" Text="Label"></asp:Label>
                </h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="panel-title">Số câu hỏi</h3>
                    </div>
                    <div class="panel-body" id="boxSoCauHoi">
                        <span class="label label-success">Câu 1</span>
                        <span class="label label-success">Câu 1</span>
                        <span class="label label-success">Câu 1</span>
                        <span class="label label-success">Câu 1</span>
                        <span class="label label-success">Câu 1</span>
                        <span class="label label-danger">Câu 1</span>
                        <span class="label label-default">Câu 1</span>
                        <span class="label label-default">Câu 1</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6" id="NoiDungCauHoi">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="TenCauHoi">Câu hỏi 2</h3>
                    </div>
                    <div class="panel-body">
                        <div class="lb_cauhoi">
                            <p>Tiến trình một đối tượng thừa hưởng các đặc tính của đối tượng khác được gọi là</p>
                        </div>
                        <div class="lb_question" rel="4" relloai="2">
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="1" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Encapsulation</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="2" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Class</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="3" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Inheritence</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="4" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Polymorphism</span></lable>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <button type="button" class="btn btn-primary">Primary</button>
                        <button type="button" class="btn btn-success pull-right">Success</button>
                    </div>
                </div>
                <div class="panel panel-default" style="display:none">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="H1">Câu hỏi 2</h3>
                    </div>
                    <div class="panel-body">
                        <div class="lb_cauhoi">
                            <p>Tiến trình một đối tượng thừa hưởng các đặc tính của đối tượng khác được gọi là</p>
                        </div>
                        <div class="space10"></div>
                        <div class="lb_question" rel="4" relloai="2">
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="1" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Encapsulation</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="2" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Class</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="3" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Inheritence</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="4" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Polymorphism</span></lable>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <button type="button" class="btn btn-primary">Primary</button>
                        <button type="button" class="btn btn-success pull-right">Success</button>
                    </div>
                </div>
                <div class="panel panel-default" style="display:none">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="H3">Câu hỏi 2</h3>
                    </div>
                    <div class="panel-body">
                        <div class="lb_cauhoi">
                            <p>Tiến trình một đối tượng thừa hưởng các đặc tính của đối tượng khác được gọi là</p>
                        </div>
                        <div class="space10"></div>
                        <div class="lb_question" rel="4" relloai="2">
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="1" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Encapsulation</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="2" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Class</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="3" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Inheritence</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="4" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Polymorphism</span></lable>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <button type="button" class="btn btn-primary">Primary</button>
                        <button type="button" class="btn btn-success pull-right">Success</button>
                    </div>
                </div>
                <div class="panel panel-default" style="display:none">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="H4">Câu hỏi 2</h3>
                    </div>
                    <div class="panel-body">
                        <div class="lb_cauhoi">
                            <p>Tiến trình một đối tượng thừa hưởng các đặc tính của đối tượng khác được gọi là</p>
                        </div>
                        <div class="space10"></div>
                        <div class="lb_question" rel="4" relloai="2">
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="1" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Encapsulation</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="2" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Class</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="3" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Inheritence</span></lable>
                            </div>
                            <div class="lb_q_row">
                                <lable><input type="radio" name="dapan_4" value="4" class="lb_radio itemSelect"><span onclick="return lb_choose_dapan(this);">Polymorphism</span></lable>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <button type="button" class="btn btn-primary">Primary</button>
                        <button type="button" class="btn btn-success pull-right">Success</button>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title" id="H2">Thời gian</h3>
                    </div>
                    <div class="panel-body">
                        <div class="lb_time">
                            <span class="lb_clock"></span>
                            <span class="lb_count_down">00 : 00</span>
                        </div>
                    </div>
                    <div class="panel-footer">
                        <button type="button" class="btn btn-danger" onclick="return HoanTat();">Kết thúc</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" id="boxHetThoiGian" aria-hidden="true">
      <div class="modal-dialog modal-sm">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title">Thông báo</h4>
        </div>
        <div class="modal-content">
            Hết thời gian làm bài
        </div>
      </div>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" id="boxHoanTat" aria-hidden="true">
      <div class="modal-dialog modal-sm">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title">Thông báo</h4>
        </div>
        <div class="modal-content">
            Bài làm đã được lưu.
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary">Đóng và thoát</button>
        </div>
      </div>
    </div>
</asp:Content>
